// ReadCat 主题变量定义

// 主色调
$primary-color: #409eff;
$primary-light: #79bbff;
$primary-dark: #337ecc;

// 辅助色
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;

// 文字颜色
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;
$text-placeholder: #c0c4cc;

// 边框颜色
$border-base: #dcdfe6;
$border-light: #e4e7ed;
$border-lighter: #ebeef5;
$border-extra-light: #f2f6fc;

// 背景色
$background-base: #f5f7fa;
$background-light: #fafafa;
$background-white: #ffffff;

// 阴影
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

// 圆角
$border-radius-base: 4px;
$border-radius-small: 2px;
$border-radius-large: 6px;

// 字体大小
$font-size-extra-large: 20px;
$font-size-large: 18px;
$font-size-medium: 16px;
$font-size-base: 14px;
$font-size-small: 13px;
$font-size-extra-small: 12px;

// 间距
$spacing-base: 16px;
$spacing-small: 8px;
$spacing-large: 24px;
$spacing-extra-large: 32px;

// 动画
$transition-base: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
$transition-fade: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);

// 深色主题变量
$dark-bg-primary: #1a1a1a;
$dark-bg-secondary: #2d2d2d;
$dark-text-primary: #ffffff;
$dark-text-secondary: #b3b3b3;
$dark-border: #404040;

// 阅读器特定变量
$reader-bg-light: #f9f9f9;
$reader-bg-dark: #1e1e1e;
$reader-bg-sepia: #f4f1e8;
$reader-text-light: #333333;
$reader-text-dark: #e0e0e0;
$reader-text-sepia: #5c4b37;

// 工具栏高度
$toolbar-height: 60px;
$sidebar-width: 280px;

// 响应式断点
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1920px;